<template>
    <div class="ChangeOrder">
        <van-nav-bar title="改单" left-arrow @click-left="onClickLeft" />
        <van-form @submit="onSubmit">
            <van-field v-model="username" name="类型" label="保单号" placeholder="请输入保单号"
                :rules="[{ required: true, message: '请输入类型' }]" />
            <van-field v-model="password" name="企业名称" label="申请人全称" placeholder="请输入申请人全称"
                :rules="[{ required: true, message: '请输入类型' }]" />
            <van-field v-model="username" name="联系人" label="货物名称" placeholder="请输入货物名称"
                :rules="[{ required: true, message: '请输入联系人' }]" />
            <van-field v-model="password" name="联系电话" label="修改原因" placeholder="请输入修改原因"
                :rules="[{ required: true, message: '请输入联系电话' }]" />
            <van-field v-model="username" name="联系邮箱" label="起始地" placeholder="请选择起始地"
                :rules="[{ required: true, message: '请输入联系邮箱' }]" />
            <van-field v-model="password" name="地址" label="目的地" placeholder="请选择目的地"
                :rules="[{ required: true, message: '请输入地址' }]" />
            <van-field v-model="username" name="联系地址" label="箱号检索" placeholder="请输入箱号检索"
                :rules="[{ required: true, message: '请输入联系地址' }]" />
            <van-field v-model="message" rows="2" autosize label="箱号" type="textarea" placeholder="请输入箱号" show-word-limit />
            <div style="margin: 16px;">
                <van-button block type="info" native-type="submit">提交</van-button>
            </div>
        </van-form>

    </div>
</template>
  
<script>
export default {
    name: 'home',
    data() {
        return {
            username: '',
            password: '',
            uploader: [{ url: 'https://img01.yzcdn.cn/vant/leaf.jpg' }],
        };
    },
    methods: {
        onClickLeft() {
            this.$router.push('/GuaranteeSlip')
        },
        onSubmit(values) {
            console.log('submit', values);
        },
    }
}
</script>
<style scoped>
.ChangeOrder {
    background-color: #f5f5f5;
    height: 100%;
    width: 100%;
}
</style>
